<template>
  <view>
    <!--<cmd-notice-bar type="activity" icon="alert-circle" scrollable text="我是动态页面我是动态页面我是动态页面我是动态页面我是动态页面" />-->
    <view class="tudou">
      <button type="default" style="width: 200px; height: 200px;" @click="changeImage">
        <image :src="image" />
      </button>
    </view>
  </view>
</template>

<script>
    import cmdNoticeBar from '@/components/cmd-notice-bar/cmd-notice-bar.vue'
    export default {
        name: 'CheckIn',
        components: { cmdNoticeBar },
      data() {
        return {
          image: '/static/tudou-qiantui.jpg'
        }
},
        methods: {
          changeImage: function() {
            if (this.image === '/static/tudou-qiantui.jpg') {
              this.image = '/static/tudou-qiandao.jpg'
            } else {
              this.image ='/static/tudou-qiantui.jpg'
            }
          }
        }
    }
</script>

<style scoped>
  .tudou {
    text-align:center;
    margin-top: 180px;
    z-index: -1
  }
  .td-font {
    float: left;
    margin: -110px 60px;
    color: black;
    font-size: 25px;
  }
</style>
